@import "../pulic/style.less";

.hot-exponent{
  position: fixed;

  top:0.45rem;
  width: 100%;

  background: @body-background;
  border-bottom:@hot-border-bottom ;
  .exponent-flex{
    padding: 0.1rem 0.12rem;
    display: flex;
    justify-content:  space-between;

    background-color:@hot-exponent-background;
    >div{
      flex: 1;
      width: 33.33%;
      &:nth-child(2),&:last-child{
        flex: 0.9;
        padding-left: 0.2rem;
      }
    }
    .green{
      .market-code,.market-amount{
        color: @green-color;
      }
    }
    .red{
      .market-code,.market-amount{
        color: @red-color;
      }
    }
    .market-name{
      font-size: @font12;
      color:@hot-exponent-name-color;
    }
    .market-code{
      font-size: @font20;
      line-height: @font20;
      margin: 0.05rem 0;
    }
    .market-amount{
      font-size: @font12;
      span:first-child{
        margin-right: 0.1rem;
      }
    }
  }
}

.hot-more{
  margin-top:0.1rem;
  .hot-select{
    background-color: @hot-exponent-background;
    padding: 0.08rem 0.12rem;
    span:first-child{
      font-size: @font14;
    }
    .rt{
      padding-right: 0.13rem;
      color: @gray-color;
      background: url(@open-rt-jiant) no-repeat 100% 0.04rem;
      background-size: 0.08rem;
    }
  }
}

.hot-list{
  background:@hot-exponent-background;
  ul{
    padding:0 0.12rem;
  }
  li{
    padding: 0.1rem 0;
    border-bottom:1px solid @border-color;
    display: flex;
    &.green{
      .price,.zfb{
        color:@green-color;
      }
    }
    &.red{
      .price,.zfb{
        color:@red-color;
      }
    }
    div{
      flex: 1;
      width: 33.33%;
      text-align: right;
      &:last-child,&:nth-child(2){
        line-height: 0.35rem;
        font-weight: bold;
      }

      &:first-child{
        height: 0.35rem;
        text-align: left;
        p{
          font-size: @font16;
          height: @font16;
          color: #000;
          line-height: @font16;
        }
        span{
          color:@deal-li-greay-color;
          font-size: @font12;
          height: @font12;
          line-height: @font12;
        }
      }
    }
  }
}